<template>
	<!-- 推荐商铺 -->
	<view class="shop">
		<view class="shop-item">
			<image class="shop-big" src="../../static/img/w1.jpg" mode=""></image>

			<scroll-view scroll-x="true" class="scroll-content">
				<view class="scroll-item">
					<Shops></Shops>
				</view>

			</scroll-view>
		</view>
	</view>


</template>


<script setup>
	import Shops from '../common/ShopList.vue'
</script>

<style scoped>
	.shop-big {
		width: 100%;
		height: 350rpx;
	}

	.scroll-item {
		display: inline-block;
		margin: 10rpx;
	}

	.scroll-content {
		white-space: nowrap;
	}
</style>